<!--
 * @Descripttion: 出手鸭小程序
 * @version:1.0.1 
 * @Author: HHL
 * @Date: 2023-04-28 14:42:29
 * @LastEditTime: 2025-09-18 11:25:04
 * @LastEditors: sueRimn
-->
<template>
  <view class="container">
    <view class="title1">热门搜索</view>

    <view class="list d-flex flex-wrap">
      <view class="item" v-for="(item, index) in hotList" :key="item.productId || index" @click="$emit('onClick', item)">
        {{ item.productName }}
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'Search-HotSearch',
  props: {
    hotList: { type: Array }
  },
}
</script>

<style lang="scss" scoped>
.container {
  padding:12rpx 32rpx;

  .title1 {
    padding: 0 24rpx;
    height: 45rpx;
    line-height: 45rpx;
    font-size: var(--hui-font-size-28);
    font-weight: 400;
    color: var(--hui-color-title);
  }

  .list {
    .item {
      padding: 0 30rpx;
      min-width: 150rpx;
      margin: 24rpx 32rpx 0rpx 0;
      height: 50rpx;
      background: #f8f8f8;
      border-radius: 25rpx;
      font-size: 22rpx;
      font-weight: 500;
      color: var(--hui-color-title);
      line-height: 50rpx;
      text-align: center;
    }
  }
}
</style>